<template>
	<div class="home">
		<div class="main">
			<newStore />
			<articlepage></articlepage>
		</div>
		<Right />
	</div>
</template>

<script>
import articlepage from '../components/article/article.vue'
import newStore from '@/components/store/newStore'
import Right from '../components/common/Right.vue'
export default {
	name: 'Home',
	components: {
		articlepage,
		Right,
		newStore
	},
	data() {
		return {
			minute: '',
			hour: '',
			article: ''
		}
	},
	created() {
	}
}
</script>
<style scoped="scoped">
.home {
	margin-top: 20px;
	min-width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.main {
	flex: 1;
	margin: 0 20px;
	height: 100%;
	min-height: 600px;
	background: #fff;
	display: flex;
	flex-direction: column;
}
</style>
